

#page5 .elem{
    transform: rotateX(0)
}
#page5.unfold .elem{
    transform: rotateX(-90deg)
}
#page5 .elemL_1{
    width: 5rem;
    height: 5rem;
    right: 0;
    bottom: 0;
    background-image: url(../../img/lr/girl2.png)
}
#page5 .elemL_2{
    width: 1.5rem;
    height: .9rem;
    left: 3rem;
    bottom: 6rem;
    background-image: url(../../img/lr/boat_green.png)
}

#page5 .elemL_3{
    width: 4rem;
    height:4rem;
    left: 0;
    bottom:3rem;
    background-image: url(../../img/lr/tree.png)
}

#page5 .elemL_4{
    width: 1.5rem;
    height: .9rem;
    right: 1rem;
    top: 1rem;
    background-image: url(../../img/lr/boat_pink.png)
}

#page5 .elemR_1{
    width: 6rem;
    height: 6rem;
    right: 0;
    bottom: 1rem;
    background-image: url(../../img/lr/tree.png)
}
#page5 .elemR_2{
    width: 1.5rem;
    height: .9rem;
    right: 1rem;
    top: 2rem;
    background-image: url(../../img/lr/boat_pink.png)
}

.unfold#page5 .elemL_1{
    transform: translate(50%,-2rem) rotateX(-90deg)
}